<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>回家网</title>
</head>
<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/home.css" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
<script src="js/home.js" type="text/javascript" charset="utf-8"></script>

<body onload="changeColor()">
	<div id="top_pg">
		<div id="top">
			<ul class="left">
				<li><a href="#">登录</a></li>
				<li><a href="#">免费注册</a></li>
			</ul>
			<ul class="right">
				<li class="list" onmouseover="change('list_cur','block')" onmouseout="change('list_cur','none')">
					<span>个人中心</span>
					<div id="list_cur">
						<a href="#">已完成订单</a>
						<a href="#">未完成订单</a>
						<a href="#">我的保险</a>
						<a href="#">账户安全</a>
						<a href="#">个人信息</a>
						<a href="#">常用联系人</a>
					</div>
				</li>
				<li class="line">|</li>
				<li><span>使用须知</span></li>
				<li class="line">|</li>
				<li><span>收藏夹</span></li>
				<li class="line">|</li>
				<li><span>货物快运</span></li>
				<li class="line">|</li>
				<li><span>联系我们</span></li>
			</ul>
		</div>
	</div>
	<div id="nav_pg">
		<div class="nav">
			<h2><img src="images/logo.jpg" alt=""></h2>
			<ul>
				<li><a href="#">汽车票</a></li>
				<li><a href="#">时刻表</a></li>
				<li><a href="#">汽车站</a></li>
				<li><a href="#">酒店预定</a></li>
				<li><a href="#">旅客问答</a></li>
			</ul>
		</div>
	</div>
	<div id="banner">
		<div class="slide">
			<input type="radio" name="button" value="0" id="button1" checked hidden>
			<label for="button1"></label>

			<input type="radio" name="button" value="0" id="button2" checked hidden>
			<label for="button2"></label>

			<input type="radio" name="button" value="0" id="button3" checked hidden>
			<label for="button3"></label>
			<ul>
				<li><img src="images/banner.jpg" alt=""></li>
				<li><img src="images/banner1.jpg" alt=""></li>
				<li><img src="images/banner3.jpg" alt=""></li>
			</ul>
		</div>

		<!-- <img src="images/banner.jpg" alt="">
			 -->
		<ul id="week">
			<li><a href="#" class="next">01月28日<br>周四</a></li>
			<li><a href="#" class="next">01月29日<br>周五</a></li>
			<li><a href="#" class="next">01月30日<br>周六</a></li>
			<li><a href="#" class="next">01月31日<br>周日</a></li>
			<li><a href="#" class="next">02月01日<br>周一</a></li>
			<li><a href="#" class="next">02月02日<br>周二</a></li>
			<li><a href="#" class="next">02月03日<br>周三</a></li>
		</ul>
	</div>
	<table id="tbl" class="table">
		<thead>
			<tr class="title">
				<th>出发时间</th>
				<th>始发站/首发站</th>
				<th>计划车型</th>
				<th>票价</th>
				<th>购票</th>
			</tr>
		</thead>

		<tr>
			<td class="txt1">06:30</td>
			<td class="txt2"><span class="red">始</span>省汽车客运站<br><span class="blue">终</span>阳江</td>
			<td>空调坐席</td>
			<td>￥<span class="colors">100</span></td>
			<td><a href="#" class="buy">购票</a></td>
		</tr>
		<tr>
			<td class="txt1">07:30</td>
			<td class="txt2"><span class="red">始</span>成都<br><span class="blue">终</span>雅安</td>
			<td>空调坐席</td>
			<td>￥<span class="colors">58</span></td>
			<td><a href="#" class="buy">购票</a></td>
		</tr>
		<tr>
			<td class="txt1">08:30</td>
			<td class="txt2"><span class="red">始</span>北京<br><span class="blue">终</span>上海</td>
			<td>空调坐席</td>
			<td>￥<span class="colors">380</span></td>
			<td><a href="#" class="buy">购票</a></td>
		</tr>
		<tr>
			<td class="txt1">10:30</td>
			<td class="txt2"><span class="red">始</span>天津<br><span class="blue">终</span>北京</td>
			<td>空调坐席</td>
			<td>￥<span class="colors">120</span></td>
			<td><a href="#" class="buy">购票</a></td>
		</tr>
		<tr>
			<td class="txt1">13:30</td>
			<td class="txt2"><span class="red">始</span>成都<br><span class="blue">终</span>乌鲁木齐</td>
			<td>空调坐席</td>
			<td>￥<span class="colors">800</span></td>
			<td><a href="#" class="buy">购票</a></td>
		</tr>
	</table>
	<div id="footer">
		赶快回家版权所有2000-2021京ICP备08001421号&nbsp;&nbsp;京公网安备11010800702
	</div>
</body>

</html>